<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<style type="text/css">
body{
    background-image:url(../作业/蝴蝶背景.jpg);
    background-position:center;
    background-repeat:repeat-x;
    background-size: cover; 
    background-attachment: fixed;
    margin: 0;
    height: 100%;
}
.center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    text-align: center; 
}
a {
    text-decoration: none; 
    color: #d2e053; 
}
</style>
</head>
<body>
    <div class="center">
    <font size="40">单击“<a href="./个人简历.html?source=首页" target="_self" title="卢豫的个人简历">“卢豫”</a>跳转到我的个人简历
    </div>
<script>
     alert('欢迎登录');
     prompt('请输入口令','例如1328');
    // 设置自动关闭计时器
    var autoCloseTimer;
 
    // 监听页面上的鼠标移动和点击事件，以重置计时器
    function resetTimer() {
        clearTimeout(autoCloseTimer);
        autoCloseTimer = setTimeout(function() {
            // 尝试关闭窗口，但请注意，这可能会因为浏览器的安全策略而被阻止
            window.close();
            console.log("页面因无操作在五秒后自动关闭");
        }, 5000); // 5秒
    }
 
    // 页面加载时开始计时
    window.onload = function() {
        resetTimer();
    };
 
    // 监听鼠标移动事件
    document.addEventListener('mousemove', function() {
        resetTimer();
    });
 
    // 监听鼠标点击事件
    document.addEventListener('click', function() {
        resetTimer();
    });
</script>
</body>
</html>